<template>
	<view>
		<swiper :indicator-dots="true" class="fastnav">
			<swiper-item class="d-flex flex-wrap text-center indexnavs" v-for="(page,p) in pages" :key="p">
				<view class="swiper-item" v-for="(pagelist,list) in page" :key="list">
					<image :src="pagelist.src" class="img"></image>
					<view>{{pagelist.text}}</view>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name: "fast-nav",
		data() {
			return {

			};
		},
		props:{
			pages:{
				type:Array
			}
		}
	}
</script>

<style scoped>
	.fastnav {
		margin: 20rpx 0;
	}

	.fastnav .indexnavs .swiper-item {
		width: 25%;
	}

	.fastnav .img {
		width: 86rpx;
		height: 86rpx;
	}
</style>
